<template>
	<view>
		<cu-custom title="意见反馈" ></cu-custom>
		<view class="form-detail m-t-15 h-80" >
			<view class="l-m-b l-m-l">
				
				<text>头像</text>
			</view>
			<view class="l-m-b l-m-r h-80">
				<u-avatar size="110rpx" src="https://cdn.uviewui.com/uview/album/1.jpg" class="avatar"></u-avatar>
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" >
			<view class="l-m-b l-m-l">
				
				<text>用户昵称</text>
			</view>
			<view class="l-m-b l-m-r">
				<text>晴天</text>
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" >
			<view class="l-m-b l-m-l">
				
				<text>姓名</text>
			</view>
			<view class="l-m-b l-m-r">
				<text>王五</text>
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" >
			<view class="l-m-b l-m-l">
				
				<text>性别</text>
			</view>
			<view class="l-m-b l-m-r">
				<text>女</text>
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="form-detail" >
			<view class="l-m-b l-m-l">
				
				<text>地区</text>
			</view>
			<view class="l-m-b l-m-r">
				<text>北京</text>
				<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
			</view>
		</view>
		<view class="uni-form-item uni-column in-text b-t-n b-u-c m-15 m-t-30 c-l">
			<button> 提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
@import '@/static/css/common.css';
.m-15{ margin: 15px;}
.b-g-w{ background: #fff;}
.text-1{ font-size: 16px; font-weight: bold;}
.form-detail{ height: 50px; line-height: 50px;
input{ text-align: right; height: 50px; line-height: 50px;}
}
.form-detail{ background: #fff; font-size: 32rpx; border-bottom: 1px solid #f8f8f8;  height: 98rpx; line-height: 98rpx;}
.l-m-b{ display: flex; 
uni-image{ max-height: 35rpx;max-width: 40rpx; margin-top: 30rpx;}
}
.img-s{ height: 35px; width: 35px;}
.l-m-l{ float: left; padding-left: 35rpx; font-weight: bold;}
.l-m-r{ float: right; padding-right: 35rpx; height: 98rpx; line-height: 98rpx;  text-align: right; display: ;}
uni-image>div, uni-image>img{ height: 15rpx !important; width: 15rpx !important;}
.icon1{ color: #000;}
.text-3{ border: 1px solid #f8f8f8; padding: 15px;}
.b-t-n{ border-bottom: none;}
.b-u-c button{ background: #EA3457; color: #fff; border: none; width: 100%; border-radius: 80rpx;}
.h-80{ height: 80px; line-height: 80px;}
.avatar{ margin-top: 15px;}
</style>
